footer {
  color: #fff;
}

footer a {
  color: #fff;
}

.footer-top {
  position: relative;
  display: flex;
  justify-content: space-around;
  background-image: url("/assets/img/footer/footerBG.png");
  background-size: cover;
  padding: 66px 0 61px;
}

.contact {
  text-align: center;
}

.contact img {
  margin-right: 11px;
}

.contact h2 {
  font-size: 24px;
  letter-spacing: 1.2px;
  font-weight: 500;
  margin: 0 0 28px;
}

.contact p {
  font-size: 16px;
  letter-spacing: 0.8px;
  margin: 0;
}

.fa-phone {
  transform: rotate(90deg);
  font-size: 27px;
}

a[href^="tel:"] {
  font-size: 34px;
  letter-spacing: 1.7px;
  font-weight: 700;
}

a[href^="mailto:"] {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

.site-map {
  display: flex;
}

.site-map-content:nth-child(2) {
  margin-left: 4.75vw;
}

.site-map-content p {
  margin: 0;
}

.site-map-content p:nth-child(n + 2) {
  margin-top: 10px;
}

.site-map-content a {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin: 0;
  transition: .3s;
}

.site-map-content a:hover {
  color: #B4B4B4;
}

.pagetop {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  bottom: 0.8px;
  background: #333333;
  width: 46px;
  height: 46px;
  margin: 0;
}

.pagetop i {
  font-size: 22px;
}

.footer-bottom {
  background: #000;
  text-align: center;
  padding: 19px 0;
}

.footer-bottom p {
  margin: 0;
  font-size: 10px;
  letter-spacing: 0.5px;
  line-height: 12.2px;
}

.footer-bottom small {
  font-size: 9px;
  letter-spacing: 0.45px;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  .footer-top {
    display: block;
    padding: 7.88177vh 0 9.48276vh;
    background-image: url("/assets/img/footer/footerBG_sp.png");
    background-size: 100% 100%;
  }
  .contact h2 {
    margin: 0 0 4.6798vh;
  }
  .email {
    margin-top: 3.44828vh;
  }
  .site-map {
    width: 82.5%;
    margin: 8.37438vh auto 0;
    justify-content: center;
  }
  .site-map-content a {
    font-size: 12px;
    letter-spacing: 0.6px;
    transition: .3s;
  }
  .site-map-content:nth-child(2) {
    margin-left: 8vw;
  }
  .site-map-content p:nth-child(n + 2) {
    margin-top: 3.20197vh;
  }
  .footer-bottom {
    padding: 1.97044vh 0 3.07882vh;
  }
}